<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_fixedQQ.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	获取指定区域的IMG元素，通过算法计算出新的图片大小，具体算法看源代码
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>hiddenObj</td>
            <td>客服界面隐藏时所要显示的界面样式,默认.lin_qqonline</td>
        </tr>
        <tr>
        	<td>showObj</td>
            <td>客服界面样式,默认.lin_qqInfo</td>
        </tr>
        <tr>
        	<td>defaultY</td>
            <td>垂直初始距离,默认100</td>
        </tr>
        <tr>
        	<td>defaultX</td>
            <td>水平初始距离,默认0</td>
        </tr>
        <tr>
        	<td>leftOrRight</td>
            <td>左右浮动控制,默认right(left:左 right:右)</td>
        </tr>                
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_fixedQQ.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_qqFloat{position:absolute;}
.lin_qqonline{width:33px;height:158px;z-index:10;background: url(images/qq_1.png) no-repeat;} 
.lin_qqInfo{width:121px;height:260px;background:url(images/qqkuang.gif) no-repeat;display:none;position:absolute;}  
.lin_qqInfo span{height:16px;text-align:center;padding-top:6px;display:block;font-size:12px;color:#FFFFFF;font-family:宋体, arial, helvetica, sans-serif;}  
.lin_QQshow{width:106px;margin-top:9px;padding-left:15px;}    
.lin_QQshow li{padding-bottom:5px;}
.lin_subQQ{display:block;width:95px;height:38px;text-indent:-9999px;background:url(images/service_ico2.gif) no-repeat -5px -3px}
.lin_subQQ2{display:block;width:95px;height:38px;text-indent:-9999px;top:5px;left:110px;background:url(images/service_ico2.gif) no-repeat -104px -3px}
.lin_subQQLan{display:block;width:95px;height:38px;text-indent:-9999px;top:5px;left:110px;background:url(images/service_ico.gif) no-repeat -104px -3px}	</pre>
                                <p>js</p>
                                <pre>$("#demo1").lin_fixedQQ();
$("#demo2").lin_fixedQQ({leftOrRight:"left",defaultY:35});</pre>
             <div class="blank10"></div>
			<div class="lin_qqFloat" id="demo1">
           		<div class="lin_qqInfo">
 					<span>在线客服</span>
 					<ul class="lin_QQshow">
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="答疑客服" class="lin_subQQ">qq</a></li>
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="售后客服" class="lin_subQQ2">qq</a></li>  
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="在线咨询" class="lin_subQQLan">qq</a></li>      
 					</ul>                            
 				</div>
  				<div class="lin_qqonline"></div>        
			</div>
            <div class="lin_qqFloat" id="demo2">
           		<div class="lin_qqInfo">
 					<span>在线客服</span>
 					<ul class="lin_QQshow">
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="答疑客服" class="lin_subQQ">qq</a></li>
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="售后客服" class="lin_subQQ2">qq</a></li>  
     					<li><a href="tencent://message/?uin=317365887&Site=林氏智造
&Menu=yes" title="在线咨询" class="lin_subQQLan">qq</a></li>      
 					</ul>                            
 				</div>
  				<div class="lin_qqonline"></div>        
			</div>          
                            	                             
                                
                            </div>  

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/PAIwWr" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
		$("#demo1").lin_fixedQQ();
		$("#demo2").lin_fixedQQ({leftOrRight:"left",defaultY:35});
	});
 </script>   
